<template>
  <div style="width: 100%;" class="dashboard-editor-container">
    <el-row style="height: 100px;margin-left: 5%">
      <el-col
        :xs="24"
        :sm="24"
        :lg="3"
        style="margin-left: 12%;margin-top: 10px"
      >
        <img
          class="sidebar-logo"
          src="https://www.helloimg.com/images/2022/04/05/Rm6239.png"
        >
      </el-col>
      <el-col
        :xs="24"
        :sm="24"
        :lg="6"
      >
        <div style="margin-top: 50px;color: #435EBE;
        font-weight: bold;font-size: 40px">
          华为技术有限公司
        </div>
      </el-col>
    </el-row>
    <el-row style="margin-top: 70px;margin-left: 10%">
      <el-card style="width: 80%;margin-left: 5%">
        <div style="background:#fff;border-radius: 8px;">
          <el-row style="font-weight: bolder;margin-left: 5%;margin-top: 10px;font-size: 25px">
            <div>
              营业执照信息
            </div>
          </el-row>
          <el-row style="margin-left: 6%;width: 90%;margin-top: 20px;font-size: 16px">
            <el-col
              :xs="24"
              :sm="24"
              :lg="12"
            >
              <el-row>
                <div style="font-weight: bold">注册号:</div>
                914403001922038216
              </el-row>
              <el-row style="margin-top: 10px">
                <div style="font-weight: bold">类型:</div>
                责任有限公司(法人独资)
              </el-row>
              <el-row style="margin-top: 10px">
                <div style="font-weight: bold">注册资本:</div>
                (人民币)4044113.1820万元
              </el-row>
              <el-row style="margin-top: 10px">
                <div style="font-weight: bold">营业期限自:</div>
                1987年9月15日
              </el-row>
              <el-row style="margin-top: 10px">
                <div style="font-weight: bold">登记机关:</div>
                深圳市市场监督管理局
              </el-row>
              <el-row style="margin-top: 10px">
                <div style="font-weight: bold">登记状态:</div>
                存续(开营、开业、在册)
              </el-row>
            </el-col>
            <el-col
              :xs="24"
              :sm="24"
              :lg="12"
            >
              <el-row>
                <div style="font-weight: bold">企业名称:</div>
                华为技术有限公司
              </el-row>
              <el-row style="margin-top: 10px">
                <div style="font-weight: bold">法定代表人:</div>
                赵明路
              </el-row>
              <el-row style="margin-top: 10px">
                <div style="font-weight: bold">成立日期:</div>
                1987年09月15日
              </el-row>
              <el-row style="margin-top: 10px">
                <div style="font-weight: bold">营业期限至:</div>
                2040年4月9日
              </el-row>
              <el-row style="margin-top: 10px">
                <div style="font-weight: bold">核准日期:</div>
                2021年12月22日
              </el-row>
              <el-row style="margin-top: 10px">
                <div style="font-weight: bold">住所:</div>
                深圳市龙岗区坂田华为总部办公楼
              </el-row>
            </el-col>
          </el-row>
          <el-divider style="margin-top: 30px" />
          <el-row style="font-weight: bolder;margin-left: 5%;margin-top: 10px;font-size: 25px">
              信用查询结果
          </el-row>
          <el-row style="margin-left: 6%;margin-top: 20px">
            <el-col
              :xs="24"
              :sm="24"
              :lg="12"
            >
              <el-row>
                <div style="font-weight: bold">行政处罚信息:</div>
                无
              </el-row>
              <el-row style="margin-top: 10px">
                <div style="font-weight: bold">是否列入经营异常名录:</div>
                否
              </el-row>
            </el-col>
          </el-row>
          <el-divider style="margin-top: 30px" />
          <el-row style="font-weight: bolder;margin-left: 5%;margin-top: 10px;font-size: 25px">
            <div>
              2021年经营情况
            </div>
          </el-row>
          <el-row style="margin-top: 20px">
            <el-col
              :xs="24"
              :sm="24"
              :lg="12"
            >
              <div style="margin-left: 60%">
              <el-row style="font-size: 15px;font-weight: bold">
                收入(亿元人民币)
              </el-row>
              <el-row style="font-size: 40px;font-weight: bold">
                6,368
              </el-row>
              </div>
            </el-col>
            <el-col
              :xs="24"
              :sm="24"
              :lg="12"
            >
              <div style="margin-left: 10%">
                <el-row style="font-size: 15px;font-weight: bold">
                  净利润(亿元人民币)
                </el-row>
                <el-row style="font-size: 40px;font-weight: bold">
                  1,137
                </el-row>
              </div>
            </el-col>
          </el-row>
          <el-row style="margin-top: 50px;margin-left: 30%">
            <div class="chart-wrapper">
              <PieChart />
            </div>
          </el-row>
        </div>
      </el-card>
    </el-row>
  </div>
</template>

<script>
import Logo from '@/assets/images/home/logo.png'
import { CountTo } from 'vue3-count-to'
import RadarChart from '@/views/dashboard/admin/components/RadarChart.vue'
import BarChart from '@/views/dashboard/admin/components/BarChart.vue'
import LineChart from './components/LineChart.vue'
import PieChart from './components/PieChart.vue'
import {ref} from "vue";

export default {
  name: "companyresult",
  components: {
    CountTo,
    RadarChart,
    BarChart,
    LineChart,
    PieChart,
  },
  data() {
    return {
      dialogVisible:false,
    }
  },
  setup() {
    return {
      Logo,
    }
  }
}
</script>

<style scoped>
.dashboard-editor-container {
  padding: 32px;
  background-color: #F2F7FF;
  position: relative;
}
.sidebar-logo {
  display: inline-block;
  height: 130px;
}
.sidebar-title {
  display: inline-block;
  margin-top: 20px;
  color: #435EBE;
  font-weight: 600;
  line-height: 50px;
  font-size: 24px;
  font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
  vertical-align: middle;
}

.chart-wrapper {
  background: #fff;
  padding: 16px 16px 0;
  margin-bottom: 0;
  border-radius: 8px;
  width: 400px;
}

.svg-container {
  color: darkGray;
  vertical-align: middle;
  width: 30px;
  display: inline-block;
}

</style>
